<template>
  <div class="home-container">
    <el-image :src="imgUrl"></el-image>
    <!--    &lt;!&ndash;    内容区域&ndash;&gt;-->
    <!--    <div class="content">-->
    <!--      &lt;!&ndash;      快捷入口&ndash;&gt;-->
    <!--      <div class="quick">-->
    <!--        &lt;!&ndash;  今日消息提示&ndash;&gt;-->
    <!--        <div class="today-message">-->
    <!--          <div class="left">-->
    <!--            <div class="left-top">-->
    <!--              <span class="c-font-red c-font-b">下午好!</span>-->
    <!--              <span class="c-m-l-10">{{ userName }}</span>-->
    <!--            </div>-->
    <!--            <div class="left-bottom c-border-bottom">-->
    <!--              <span class="c-font-8">欢迎登录海康威视智慧后勤云平台</span>-->
    <!--              <p class="c-font-8 c-m-t-5">今天是{{ date }}</p>-->
    <!--            </div>-->
    <!--            <div class="notice c-m-t-10">-->
    <!--              <p class="c-font-9">-->
    <!--                截至目前为止，您有<span class="c-font-red">{{ noticeNum }}</span-->
    <!--                >个待办事项-->
    <!--              </p>-->
    <!--              <p class="c-font-red c-font-7 c-m-t-5">请及时处理>></p>-->
    <!--            </div>-->
    <!--          </div>-->
    <!--          <div class="right c-m-l-10">-->
    <!--            <img src="@/assets/imgs/home-img/home-work.png" alt="" />-->
    <!--          </div>-->
    <!--        </div>-->
    <!--        &lt;!&ndash;        卡片组件&ndash;&gt;-->
    <!--        <HomeCard></HomeCard>-->
    <!--        &lt;!&ndash;        快捷入口组件&ndash;&gt;-->
    <!--        <QuickCard></QuickCard>-->
    <!--      </div>-->
    <!--      &lt;!&ndash;      数据表格区域&ndash;&gt;-->
    <!--      <div class="data-content">-->
    <!--        <BarEcharts :chartData="barChartData" class-name="data1"></BarEcharts>-->
    <!--      </div>-->
    <!--    </div>-->
  </div>
</template>
<script>
// //引入柱状图组件组件
// import BarEcharts from "@/components/charts/BarChart";
// //引入获取当前时间日期方法
// import { getCurrentDate } from "@/utils/getCurrentDate";
// //引入顶部菜单组件
// //引入卡片组件
// import HomeCard from "@/components/HomeCard";
// //引入快捷入口组件
// import QuickCard from "@/components/QuickCard";
export default {
  components: {
    // HomeCard,
    // QuickCard,
    // BarEcharts,
  },
  data() {
    return {
      //  用户名
      userName: "admin",
      imgUrl: require("@/assets/imgs/home-img.png"),
      //  当前时间
      date: "",
      //  代办事项数量
      noticeNum: 23,
      barChartData: {
        days: ["11.21", "11.22", "11.23"],
        data1: [100, 101, 102],
        data2: [25, 26, 27],
      },
    };
  },
  computed: {},

  methods: {
    //获取当前时间，星期
    getDate() {
      // this.date = getCurrentDate();
    },
  },
};
</script>
<style lang="scss" scoped>
.home-container {
  height: calc(100vh - 120px);

  .content {
    margin: 30px;

    .quick {
      display: flex;

      .today-message {
        padding: 20px;
        display: flex;
        align-items: center;
        background-color: #ffffff;
        border-radius: 6px;
        opacity: 1;
        box-shadow: 0px 0px 16px rgba(96, 96, 96, 0.16);
        .left {
          .left-top {
          }
          .left-bottom {
            padding: 10px 0;
          }
        }
        .right {
          img {
            width: 140px;
            height: 120px;
          }
        }
      }
    }
  }
}
</style>
